<template>
  <div>


    <el-timeline style="margin: 20px">
      <el-timeline-item :timestamp="item.publishTime" placement="top" v-for="item in startingMedia" :key="item.id">
        <el-card >
          <div style="text-align: center">
              <div>[{{item.siteName}}]</div>
              <el-link :href="item.url" target="_blank">
                <h4>{{item.title}}</h4>
              </el-link>
            <p>{{item.publishTime}}</p>
          </div>
        </el-card>
      </el-timeline-item>
    </el-timeline>


  </div>
</template>
<script>

  export default {

    data() {
      return {
        loading: true,
        startingMedia: [],

      }
    },
    computed: {},
    watch: {},
    mounted() {
      this.startingMedia = JSON.parse(localStorage.getItem("startingMediaAll"))
    },
    created() {

    },
    methods: {}
  }
</script>
